<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>博客详情</title>
    <!-- ZUI 标准版压缩后的 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/zui/1.7.0/css/zui.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/zui/1.7.0/css/zui-theme.css">
    <!-- ZUI Javascript 依赖 jQuery -->
    <script src="//cdn.bootcss.com/zui/1.7.0/lib/jquery/jquery.js"></script>
    <!-- ZUI 标准版压缩后的 JavaScript 文件 -->
    <script src="//cdn.bootcss.com/zui/1.7.0/js/zui.min.js"></script>
<body>
<div class="container-fixed-md">
    <!-- 头部 -->
    <#include "../common/header.ftl"/>
    <!-- 导航 -->
    <nav class="navbar navbar-inverse" role="navigation">
        <div class="container-fluid">
            <div class="collapse navbar-collapse navbar-collapse-example">
                <!-- 左侧的导航项目 -->
                <ul class="nav navbar-nav navbar-left">
                    <li class="active"><a href="/">首页</a></li>
                    <li><a href="/source.html">源码</a></li>
                    <li><a href="/blog.html">博客</a></li>
                    <li><a href="/ask.html">问答</a></li>
                    <li>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="">更多 <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="">任务</a></li>
                            <li><a href="">bug</a></li>
                            <li><a href="">需求</a></li>
                            <li><a href="">用例</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- 导航中的表单 -->
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input id="searchInputExample" autofocus="autofocus" type="search" class="form-control search-input" placeholder="搜索">
                    </div>
                    <button type="submit" class="btn btn-default">搜索</button>
                </form>
                <!-- 右侧的导航项目 -->
                <ul class="nav navbar-nav navbar-right">
                    <#if memberDto?exists>
                        <li class="dropdown">
                            <a href="" class="dropdown-toggle" data-toggle="dropdown">个人中心 <b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="/user/main">我的主页</a></li>
                                <li><a href="/user/info">用户中心</a></li>
                                <li><a href="/user/set">基本设置</a></li>
                                <li><a href="/user/mes">我的消息<span class="label label-badge label-success">4</span></a></li>
                                <li><a href="/logout">退出</a></li>
                            </ul>
                        </li>
                    </#if>
                    <#if !memberDto?exists>
                        <li class="dropdown">
                            <a href="/login.html">登录</a>
                        </li>
                        <li class="dropdown">
                            <a href="/register.html">注册</a>
                        </li>
                    </#if>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 内容 -->
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-8">
            <div class="panel">
                <div class="panel-body">
                    <div class="items">
                        <div class="item">
                            <div class="item-heading">
                                <div class="pull-right label label-success">维基</div>
                                <h4><a href="/detail">HTML5 发展历史</a></h4>
                            </div>
                            <div class="item-content">HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出。2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。[8]目前Mozilla Firefox、Google Chrome、Opera、Safari（版本4以上）、Internet Explorer（版本9以上）已支持HTML5技术。</div>
                            <div class="item-footer">
                                <a href="#" class="text-muted"><i class="icon-comments"></i> 243</a> &nbsp; <span class="text-muted">2013-11-11 16:14:37</span>
                            </div>
                        </div>
                        <div class="item">
                            <div class="item-heading">
                                <div class="pull-right label label-success">维基</div>
                                <h4><a href="/detail">HTML5 发展历史</a></h4>
                            </div>
                            <div class="item-content">HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出。2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。[8]目前Mozilla Firefox、Google Chrome、Opera、Safari（版本4以上）、Internet Explorer（版本9以上）已支持HTML5技术。</div>
                            <div class="item-footer">
                                <a href="#" class="text-muted"><i class="icon-comments"></i> 243</a> &nbsp; <span class="text-muted">2013-11-11 16:14:37</span>
                            </div>
                        </div>
                        <div class="item">
                            <div class="item-heading">
                                <div class="pull-right label label-success">维基</div>
                                <h4><a href="/detail">HTML5 发展历史</a></h4>
                            </div>
                            <div class="item-content">HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出。2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。[8]目前Mozilla Firefox、Google Chrome、Opera、Safari（版本4以上）、Internet Explorer（版本9以上）已支持HTML5技术。</div>
                            <div class="item-footer">
                                <a href="#" class="text-muted"><i class="icon-comments"></i> 243</a> &nbsp; <span class="text-muted">2013-11-11 16:14:37</span>
                            </div>
                        </div>
                        <div class="item">
                            <div class="item-heading">
                                <div class="pull-right label label-success">维基</div>
                                <h4><a href="/detail">HTML5 发展历史</a></h4>
                            </div>
                            <div class="item-content">HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出。2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。[8]目前Mozilla Firefox、Google Chrome、Opera、Safari（版本4以上）、Internet Explorer（版本9以上）已支持HTML5技术。</div>
                            <div class="item-footer">
                                <a href="#" class="text-muted"><i class="icon-comments"></i> 243</a> &nbsp; <span class="text-muted">2013-11-11 16:14:37</span>
                            </div>
                        </div>
                        <div class="item">
                            <div class="item-heading">
                                <div class="pull-right label label-success">维基</div>
                                <h4><a href="/detail">HTML5 发展历史</a></h4>
                            </div>
                            <div class="item-content">HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出。2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。[8]目前Mozilla Firefox、Google Chrome、Opera、Safari（版本4以上）、Internet Explorer（版本9以上）已支持HTML5技术。</div>
                            <div class="item-footer">
                                <a href="#" class="text-muted"><i class="icon-comments"></i> 243</a> &nbsp; <span class="text-muted">2013-11-11 16:14:37</span>
                            </div>
                        </div>
                    </div>
                    <footer>
                        <center>
                            <ul class="pager">
                                <li class="previous"><a href="#">« 上一页</a></li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">⋯</a></li>
                                <li><a href="#">6</a></li>
                                <li><a href="#">7</a></li>
                                <li><a href="#">8</a></li>
                                <li><a href="#">9</a></li>
                                <li><a href="#">⋯</a></li>
                                <li><a href="#">12</a></li>
                                <li class="next"><a href="#">下一页 »</a></li>
                            </ul>
                        </center>
                    </footer>
                </div>
            </div>
        </div>
        <!--侧边栏 -->
        <div class="col-xs-6 col-md-4">
            <div class="panel" data-id="1">
                <div class="panel-heading">
                    <i class="icon icon-list"></i>
                    <span class="title">最新源码</span>
                </div>
                <div class="panel-body">
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                </div>
            </div>
            <div class="panel" data-id="1">
                <div class="panel-heading">
                    <i class="icon icon-list"></i>
                    <span class="title">最新博客</span>
                </div>
                <div class="panel-body">
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                </div>
            </div>
            <div class="panel" data-id="1">
                <div class="panel-heading">
                    <i class="icon icon-list"></i>
                    <span class="title">最新问答</span>
                </div>
                <div class="panel-body">
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                    <div class="card-content text-muted">良辰美景奈何天，赏心乐事谁家院。</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <#include "../common/footer.ftl"/>
</div>
</body>
</html>